<template>
  <div class="protocol min-h-screen from-hex-FFFFFF to-hex-F5F5F5 bg-gradient-to-b px-32rpx pb-32rpx">
    <top-navbar :title="title" />
    <div class="mx-32rpx" v-html="textContent" />
  </div>
</template>

<script lang="ts" setup>

let type = $ref() //1，心悦服务条款 2，隐私政策
let title = $ref('')
onLoad((options) => {
  if (options) {
    type = options.type
  }
})

const protocol1 = `<h2 class='text-32rpx my-20rpx '>1. 服务接受</h2>
<p>通过使用本服务，您同意遵守以下条款和条件，包括所有附加条款和政策。如果您不同意这些条款，请不要使用本服务。</p>

<h2 class='text-32rpx my-20rpx '>2. 使用限制</h2>
<p>您同意不会滥用本服务。您不得干扰或破坏本服务的正常运行，或侵犯他人使用本服务的权利。</p>

<h2 class='text-32rpx my-20rpx '>3. 隐私政策</h2>
<p>您同意遵守本服务的隐私政策。我们将保护您的个人信息，详细信息请查阅我们的隐私政策页面。</p>

<h2 class='text-32rpx my-20rpx '>4. 责任免除</h2>
<p>本服务按“现状”提供，不提供任何明示或暗示的担保。我们不对因使用本服务而引起的任何直接或间接损失负责。</p>

<h2 class='text-32rpx my-20rpx '>5. 条款修改</h2>
<p>我们保留随时修改这些条款的权利。修改后的条款将在我们的网站上发布。您继续使用本服务将被视为接受修改后的条款。</p>

<h2 class='text-32rpx my-20rpx '>6. 适用法律</h2>
<p>这些条款受中华人民共和国法律管辖，任何争议将提交本司法管辖权。</p>

<p>请在使用本服务之前详细阅读并理解这些条款。如有任何疑问，请联系我们。</p>

<p class='my-20rpx'>最后更新：2023 年 8 月 19 日</p>`

const protocol2 = `<p>欢迎使用心悦服务！我们非常重视您的隐私，并致力于保护您的个人信息。请在使用我们的服务之前仔细阅读本隐私政策。</p>

<h2 class='text-32rpx my-20rpx '>1. 信息收集与使用</h2>
<p>在使用本服务时，我们可能会收集您的某些个人信息，以提供更好的用户体验。我们会合法、合理地使用您的信息，并在未经您同意的情况下不会分享给第三方。</p>

<h2 class='text-32rpx my-20rpx '>2. 信息保护</h2>
<p>我们采取各种合理的安全措施来保护您的个人信息，以防止未经授权的访问、使用或泄露。</p>

<h2 class='text-32rpx my-20rpx '>3. 隐私权的行使</h2>
<p>您可以随时访问、更正或删除您的个人信息，如果您需要这样做，请联系我们。</p>

<h2 class='text-32rpx my-20rpx '>4. 法律遵守</h2>
<p>我们将遵守适用的法律法规，保护您的隐私和个人信息。</p>

<h2 class='text-32rpx my-20rpx '>5. 隐私政策的变更</h2>
<p>我们保留随时修改本隐私政策的权利，修改后的政策将在我们的网站上发布。您继续使用本服务将被视为接受修改后的隐私政策。</p>

<h2 class='text-32rpx my-20rpx '>6. 联系我们</h2>
<p>如果您对本隐私政策有任何疑问，请联系我们。</p>

<p class='my-20rpx'>最后更新：2023 年 8 月 19 日</p>`

let textContent = $ref('')
const getTextContent = (type) => {
  if (type === '1') {
    textContent = protocol1
    title = '心悦服务条款'
  } else {
    textContent = protocol2
    title = '隐私政策'
  }
}
onMounted(() => {
  getTextContent(type)
})
</script>

<style lang="scss" scoped>
.protocol{
  .font-numberFont{
    font-family:'DingTalk JinBuTi';
  }

  .boxShadow{
    box-shadow: 0rpx 8rpx 40rpx 0rpx rgb(0 0 0 / 6%);
  }
}
</style>

